html, body {
    height: 100%;
    margin: 0 auto;
    padding: 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 100%;
    border: 0;
    overflow: hidden;
}

h1 {
    font-size: 2.5em;
}

div {
    font-size: 1.0em;
    word-wrap: break-word;
}

span {
    text-align: left;
}

p:not(:empty) {
    clear: both;
    margin: 0;
}

.ie8PNotEmpty {
    clear: both;
    margin: 0;
}

/**
* Bugfix for D-05567
* Move this to drag-and-drop.css file.
* IE 8 only fix.
*/

.token-content p, .target-content p, .drag-drop-label p {
    margin: 0px;
    text-align: left;
}

.block {
    clear: both;
}

.inline {
    white-space: normal;
    display: inline-block;
    vertical-align: top;
}

div.block {
    padding: 0 6px 6px 0;
    text-align: left;
}

/*
 * If you decide to change the padding of the content-root, there are good chances that it might break HotArea, so
 * please test HotArea when you change this.
 */

div.tt {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

div.content-root {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 18px 18px 0 18px;
}

div.external-content-root {
    height: 100%;
}

div.content.input-container {
    padding-right: 0;
}

div.block.last-child {
    padding-bottom: 0;
}

div.horizontal-scroll {
    /* when flow orientation = horizontal */
    word-wrap: normal;
    white-space: nowrap;
}

span.accesskey {
    text-decoration: underline
}

button {
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0 5px 0 27px;
    border: 1px solid transparent;
    font-size: 18px;
}

.key {
    /* do not allow user to select text */
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    color: black;
    background-color: white;
    border-width: 2px;
    border-color: black;
    border-style: solid;
    font-size: large;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    margin: 1px;
}

.key:focus {
    outline: 0;
}

.key .focused {
    border: 1px dashed #FFF;
    margin-top: -1px;
}

.key.highlight {
    /* background-color: #006DAA; */
    /* color: #FFF; */
}

/* HighLight Color Box */

.color-list {
    position: absolute;
    z-index: 9999;
    width: 166px;
    height: 83px;
    display: flex;
    flex-wrap: wrap;
    top: 30px;
    border: 1px solid #000;
    background-color: rgb(220, 221, 221);
    padding: 10px;
    display: none;
}

.color-list.toggle {
    display: flex;
}

.color-list .color {
    width: 25px;
    height: 25px;
    margin-right: 4px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.color-list .color-remove-current-highlight {
    flex-basis: 100%;
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.color-list #RemoveHighLight {
    width: 25px;
    height: 25px;
    border: 1px solid #000;
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    margin-right: 4px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.color-list .remove-highLight-label {
    font-size: 12px;
}

#btnInsertText, #btnCloseSymbolDialog {
    background-color: #006DAA;
    height: 38px;
    text-align: center;
}

button:active, button:focus {
    border: 1px solid #FFFFFF;
}

#WordProcessorDialog {
    width: 100%!important;
    height: 100%!important;
    padding: 15px;
    background: #fff;
    overflow: hidden;
}

#WordProcessorDialog .mce-container-body, #WordProcessorDialog #full-featured-non-premium_ifr {
    height: 100%!important;
}

#WordProcessorDialog .mce-edit-area {
    height: calc(100% - 67px)!important;
}

#WordProcessorDialog #mceu_40 {
    height: 83%!important;
}

#WordProcessorDialog .tox-tinymce {
    height: 100%!important;
}

#WordProcessorDialog .tox-toolbar {
    background: none!important;
    padding: 2px;
}

#WordProcessorDialog .tox-toolbar-overlord {
    background-image: linear-gradient(to bottom, #fdfdfd, #ddd);
}

#WordProcessorDialog .tox-toolbar__group, #scratch-pad-dialog .tox-toolbar__group {
    /* background-image: linear-gradient(to bottom, #fff, #d9d9d9); */
    margin-right: 2px;
    margin-bottom: 0px;
    border-radius: 3px;
    border: 1px solid #bdb8b8;
}

.ui-widget-content {
    /* width: auto!important;
    height: 100%!important; */
    margin: 0 auto;
}

/** Style to prevent flash of buttons between completion of DOM tree and end of JavaScript initialization */

.hidden-frame-button {
    display: none !important;
}

/**
    icon-left provides style of background-position:left so that exam specific custom css (as transformed
    from a custom ResourceMap.xml) can use background-position: inherit to inherit a background-position from the
    parent div. This was needed to segregate between using a sprite vs. an image as streamed from the
    backend database. Custom resource container images could not inherit the background-position property from the
    sprite definition because the sprite definition uses background-position to define the offset into the sprite, and
    there's no offset for custom resource container images.
 **/

.icon-left {
    background-position: left;
    float: left;
}

/**
    icon-right provides style of background-position:right so that exam specific custom css (as transformed
    from a custom ResourceMap.xml) can use background-position: inherit and actually inherit a background-position
    from the parent div. This was needed to segregate between using a sprite vs. an image as streamed from the backend
    database
 **/

.icon-right {
    background-position: right;
    float: left;
}

.inline-button-left, .inline-button-right {
    float: left;
    /* line-height: 33px; */
}

#container {
    min-height: 100%;
}

.offline-ui.offline-ui-down, .offline-simulate-check {
    z-index: 2147483553;
}

.offline-overlay {
    background-color: black;
    opacity: 0.5;
    filter: alpha(opacity=0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2147483552;
}

#iframe-overlay {
    background-color: #FFF;
    opacity: 0.01;
    filter: alpha(opacity=0.01);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2147483552;
}

#loading-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2147483552;
    background-color: transparent;
}

#delivery-loading-overlay {
    width: 95%;
    height: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

#delivery-loading-overlay>h1 {
    font-size: 1.75em;
}

.spinner-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2147483344;
    background-color: gray;
    opacity: 0.6;
    -moz-opacity: 0.30;
    filter: alpha(opacity=30);
}

.spinner-overlay-message>h1 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1.75em;
    text-align: center;
}

.spinner-overlay-message {
    height: 85vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading-text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: calc(50% + 3em);
}

/*
 * Title bar - exam title, time remaining, item counter
 * WARNING: Do not remove the height attribute in this style. It will affect HotSpot / HotArea
 */

#titlebar {
    width: 100%;
    height: 50px;
    margin: 0;
    border-bottom: 2px solid #FFFFFF;
    padding: 0;
    line-height: 50px;
    position: absolute;
    top: 0;
}

#application-logo {
    float: left;
    max-width: 360px;
    max-height: 40px;
    overflow: hidden;
}

#titlebar-title {
    float: left;
    margin-left: 10px;
    /*font-size: 16pt; resource container handles this now*/
    height: 50px;
    line-height: 50px;
    /*The following handle auto-truncating long titles*/
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 350px);
    overflow: hidden;
    /*End of handling for auto-truncating long titles*/
}

#titlebar-title:focus {
    border-style: dotted;
    border-width: 1px;
}

#titlebar-info {
    font-size: 12pt;
    float: right;
    margin-right: 2px;
    color: #FFFFFF;
    text-align: right;
    height: 50px;
    line-height: 50px;
}

#timer {
    background-repeat: no-repeat;
    padding-left: 0;
    height: 25px;
    line-height: 25px;
}

#timerPlaceholder {
    display: inline-block;
    width: 20px;
    height: 20px;
}

#TimeRemainingSectionButton {
    font-size: 12pt;
    height: 25px;
    line-height: 25px;
    padding-left: 0px;
    padding-right: 0px;
}

#TimeRemainingSectionButton.locked {
    color: #FFFF00;
}

#ItemOrdinalKnownButton {
    font-size: 12pt;
    height: 25px;
    line-height: 25px;
    padding-left: 20px;
    padding-right: 0px;
}

#itemCounter {
    height: 25px;
    line-height: 25px;
}

.hidden-shim {
    height: 25px;
    width: 0px;
    display: none;
}

/*
 * Toolbar - tools, flags
 * WARNING: Do not remove the height attribute in this style. It will affect HotSpot / HotArea
 */

#toolbar {
    clear: both;
    height: 35px;
    width: 100%;
    position: absolute;
    top: 47px;
    border-bottom: 2px solid #FFFFFF;
}

#toolbar-tools {
    float: left;
    min-height: 30px;
    height: auto;
}

#toolbar-flags {
    float: right;
}

#toolbar div button {
    background-color: transparent;
    line-height: 34px;
    height: 34px;
    font-size: 12pt;
    border: 0 none;
    font-weight: bold;
}

/* Toolbar buttons */

#navigationbar {
    border-top: 2px solid #FFFFFF;
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 33px;
    margin: 0;
    padding: 0;
}

#navigation-help-finish {
    float: right;
}

#navigation-jump {
    float: right;
}

/* Content pane */

#contentPane {
    position: absolute;
    top: 80px;
    bottom: 33px;
    width: 100%;
    margin: 0 0 2px 0;
    height: auto;
    overflow: auto;
}

/* The readMe div that lies just under the contentPane div needs to have 100% height so that
   it always occupies the entire contentPane. */

#readMe {
    height: 100%;
}

#solutionDialog, #charSelectorDialog {
    background-color: #FFFFFF;
    min-width: 125px;
    /* min size to prevent dialog title and icon from overlapping */
}

.tabContentWrapper {
    position: relative;
    overflow: auto;
}

h3 {
    clear: both;
    background: no-repeat #80AEE1;
    padding-left: 25px;
    cursor: pointer;
    color: white;
    margin: 3px;
}

h3, .expandable {
    margin-left: 1px;
    margin-top: 0px;
}

.expandable {
    display: none;
    overflow: hidden;
}

.reviewItemEntry {
    padding: 2px;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
}

.FlagForReviewReviewScreenButton {
    padding-left: 35px;
    padding-top: 2px;
    cursor: pointer;
    background: no-repeat white;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    display: inline-block;
}

.reviewItemTitleAndStatus {
    display: inline-block;
    position: relative;
    cursor: pointer;
    left: 35px;
}

.reviewTitle {
    text-align: center;
    font-weight: bold;
    padding-bottom: 20px;
}

.reviewIncorrect, .reviewIncomplete, .reviewUnseen, .reviewPending {
    color: red;
    position: absolute;
    left: 400px;
    display: inline-block;
    width: 500px;
}

.reviewCorrect, .reviewComplete {
    color: black;
    position: absolute;
    left: 400px;
    display: inline-block;
    width: 500px;
}

.reviewItemTitle {
    padding-left: 5px;
    color: black;
    display: inline-block;
    max-width: 380px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.commentsEmpty, .commentsUnseen {
    color: red;
    position: absolute;
    left: 400px;
    display: inline-block;
    width: 500px;
}

.commentsNotEmpty {
    color: black;
    position: absolute;
    left: 400px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

/**
  This css means: When the reviewItemTitleAndStatus class is hovered,
  apply the styling to the reviewItemTitle class.
*/

.reviewItemTitleAndStatus:hover .reviewItemTitle {
    text-decoration: underline;
    color: #0000FF;
}

.multipleSections h3 {
    padding-left: 0px;
}

.sectionTitle {
    float: left;
    display: table;
}

.multipleSections a {
    text-decoration: none;
    color: inherit;
}

.multipleSections .ui-button:focus {
    border-style: dotted;
    border-width: 1px;
    border-color: #000000;
}

.buttonTextAlign {
    display: table-cell;
    vertical-align: middle;
}

.sectionTitle button {
    width: 33px;
    height: 33px;
    display: block;
    float: left;
}

.reviewSectionCounts {
    text-align: right;
    padding-right: 5px;
}

.scrollableReviewContent {
    overflow: auto;
}

.vsplitbar {
    width: 5px;
    background: #006DAA;
}

.hsplitbar {
    height: 5px;
    background: #006DAA;
}

#splitterExhibit .ui-widget-content {
    background: #ffffff none;
}

.splitTabContent {
    position: relative;
}

.tabContent, .popup-window-tabbed-dialog {
    position: relative;
    overflow: hidden;
}

.tabbedDialogContent, .exhibitContent {
    height: 100%;
    overflow: auto;
}

#errorDiv {
    background-color: #CC0000;
    color: #FFFFFF;
    border: 1px solid #000000;
}

#errorDiv span {
    display: inline;
}

#errorDiv div.close-button {
    display: inline;
    background-image: url('languages/enu/close.png');
    float: right;
    width: 19px;
    height: 19px;
    margin-right: 30px;
    margin-top: 12px;
}

#errorDiv div.close-button:hover {
    background-image: url('languages/enu/closeRollOver.png');
}

.hot_area_wrapper {
    position: relative;
}

.hot-spot-wrapper {
    position: relative;
}

.hot-spot {
    cursor: crosshair;
}

.marker {
    z-index: 100;
}

.horizontalPadding {
    padding-right: 18px;
}

.noPadding {
    padding: 0 0 0 0;
}

.verticalPadding {
    padding-bottom: 5px;
}

#NextButton {
    padding: 0;
    width: 60px;
    display: flex!important;
    align-items: center;
    height: 35px;
    margin-left: 5px;
}

#PreviousButton {
    height: 100%;
}

#NextButton>a, #PreviousButton>a {
    color: #000!important;
}

#NextButton>a:hover, #PreviousButton>a:hover {
    color: #C80000!important;
}

.ExhibitButton, .ItemContentButton {
    border: 1px solid #ccc!important;
}

.force-left {
    text-align: left;
    /*do not mirror this in base-rtl.css.  this is absolute override.*/
}

.force-right {
    text-align: right;
    /*do not mirror this in base-rtl.css.  this is absolute override.*/
}

.force-left.margin-align {
    margin-left: 0;
    /*do not mirror this in base-rtl.css.  this is absolute override.*/
}

.force-right.margin-align {
    margin-right: 0;
    /*do not mirror this in base-rtl.css.  this is absolute override.*/
    margin-left: auto;
}

.block-center {
    margin: 0 auto;
    text-align: center;
}

.block-leading {
    text-align: left;
}

.block-trailing {
    text-align: right;
}

.block-leading.margin-align {
    margin-left: 0;
}

.block-trailing.margin-align {
    margin-right: 0;
    margin-left: auto;
}

.block-justify {
    text-align: justify;
}

.paragraph-right {
    text-align: right;
    /*do not mirror this in base-rtl.css.  this is absolute override.*/
}

.paragraph-center {
    text-align: center;
}

.hideInput {
    position: absolute;
    left: -50px;
    right: auto;
}

.showInput {
    position: static;
    left: 0;
    right: auto;
}

.ui-dialog-content .dialogUL {
    display: block;
    list-style-type: none;
    padding-left: 10px;
}

.ui-dialog-content .dialogUL li {
    position: relative;
    white-space: nowrap;
    display: inline;
    float: left;
}

.ui-dialog-content .dialogUL li.infoLI {
    padding: 5px 5px 5px 5px;
}

.ui-dialog-content .dialogUL li.messageText {
    white-space: pre-wrap;
    /* CSS3 */
    white-space: -moz-pre-wrap;
    /* Firefox */
    white-space: pre-wrap;
    /* Opera <7 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* IE */
}

/* fixes an issue with scroll bars on split screen items getting extra whitespace */

#splitItem .ui-layout-content, #splitItemReference .ui-layout-content {
    padding: 0 !important;
}

/* Uses the height of the #splitterExhibit when we use vertical splitting*/

#splitItem.ui-layout-west, #splitItemReference.ui-layout-west {
    height: inherit !important;
}

pre.tab4char {
    tab-size: 4;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    white-space: pre-wrap;
}

select:focus {
    outline: #000 dotted 1px;
}

/* We want the external HTML view to always occupy the whole contentPane, so we set height
   to 100%. display:block also prevents extraneous scrollbars from showing up as things get
   resized. */

.htmlView {
    border: none;
    width: 100%;
    min-height: 100%;
    height: 100%;
    display: block
}

#breakAdmissionPhoto {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 300px;
    width: 100%;
    text-align: center;
}

#breakAdmissionPhoto img {
    height: 100%;
}

.WebMaterial {
    background-color: white !important;
}

/*
 * Classes for screen reader support in multiple choice items
 */

label.defaultLabel {}

label.readerLabel {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

p.readerText {}

/* ---------------------------------------------------------------------------------------------------------------------
   Media Queries
--------------------------------------------------------------------------------------------------------------------- */

/* smaller than 600px aka mobile */

@media screen and (max-width: 600px) {
    #PreviousButton {
        padding-right: 10px;
        font-size: 0px !important;
        vertical-align: middle;
    }
    #NextButton {
        padding-left: 10px;
        font-size: 0px !important;
        vertical-align: middle;
    }
    #NavigatorButton {
        font-size: 0px !important;
        height: 33px;
        vertical-align: middle;
    }
    #titlebar-title {
        display: none;
    }
    #title-bar-small>li>span {
        color: #d3d3d3;
        font-weight: bold;
    }
    .reviewIncorrect, .reviewIncomplete, .reviewUnseen, .reviewPending {
        color: red;
        position: absolute;
        left: 200px;
        float: right;
        display: inline-block;
        width: 500px;
    }
    .commentsEmpty, .commentsUnseen {
        color: red;
        position: absolute;
        left: 200px;
        display: inline-block;
        width: 500px;
    }
    .commentsNotEmpty {
        color: black;
        position: absolute;
        left: 200px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
    }
}

/* width more than>= 600px */

@media only screen and (min-width: 600px) {
    #title-bar-small {
        display: none;
    }
}

input.shortResponse.textAlignLeft {
    text-align: left;
}

input.shortResponse.textAlignRight {
    text-align: right;
}

input.shortResponse.textAlignCenter {
    text-align: center;
}

/*
 * Text find styles
 */

#textFind.hidden {
    display: none;
    top: 0;
    right: 0;
    position: fixed;
}

#textFind.visible {
    display: block;
    position: absolute;
    z-index: 2147483551;
    top: 30px;
    right: 0;
    width: auto;
    height: 40px;
    background-color: white !important;
    color: lightgray !important;
    border: 1px;
    border-style: solid;
    border-color: gray;
}

button.textFindButton {
    padding: 5px;
    margin: auto;
}

input#findBox {
    width: 190px;
    height: 30px;
    border: none !important;
    border-color: transparent !important;
}

.textFindSearchItem {
    background-color: white !important;
    color: lightgray !important;
}

/*
 * End text find styles
 */

/*
 * Commenting out the style overrides for Chrome 66 to analyze Gauge runs and isolate which defects
 * are caused by this fix.
 */

/*
 * BEGIN style overrides for Chrome 66 scrolling issue
 * More info: v1 defect D-29785
 * TODO: Check periodically if these can be removed in future versions of Chrome/Chromium
*/

#contentPane {
    z-index: 1;
}

.ui-layout-content {
    z-index: 3;
    background-color: inherit;
}

.tabbedDialogContent, .exhibitContent {
    position: relative;
    z-index: 2;
    background-color: inherit;
}

.ui-dialog .tabbedDialogContent, .ui-dialog .exhibitContent {
    background-color: white;
}

#navigatorBody {
    z-index: 2147483397;
}

.verticalLine {
    border-left: thin solid #ffffff;
    margin: 10px 0;
}

.horizontalLine {
    border-top: thin solid #ffffff;
    margin: 0 10px;
}

#pauseExamConfirmationDialog, #pauseScreen, #unableToPauseExamWarningDialog {
    color: #ffffff;
}

#pauseExamConfirmationDialog .main, #pauseScreen .main, #unableToPauseExamWarningDialog .main {
    text-align: left;
    display: inline-flex;
    height: 90%;
    width: 100%;
}

#pauseExamConfirmationDialog .main-content, #pauseExamConfirmationDialog .main-detail, #pauseScreen .main-content, #pauseScreen .main-detail, #unableToPauseExamWarningDialog .main-content, #unableToPauseExamWarningDialog .main-detail {
    margin: 10px;
}

#pauseScreen .main-content, #pauseScreen .main-detail>div:not(:empty) {
    margin: 10px 30px;
}

#pauseScreen .horizontalLine {
    margin: 0 30px;
}

#pauseExamConfirmationDialog .main-detail>div:not(:empty), #pauseScreen .main-detail>div:not(:empty), #unableToPauseExamWarningDialog .main-detail>div:not(:empty) {
    margin-bottom: 2em;
}

#pauseExamConfirmationDialog .buttonLayout, #pauseScreen .buttonLayout, #unableToPauseExamWarningDialog .buttonLayout {
    display: inline-flex;
    float: right;
    height: 10%;
    padding: 0 10px;
    margin: 5px;
}

#pauseExamConfirmationDialog .button>button, #pauseScreen .button>button, #unableToPauseExamWarningDialog .button>button {
    padding: 0;
    margin: 7px;
    line-height: 0;
}

#pauseExamConfirmationDialog .button, #pauseScreen .button, #unableToPauseExamWarningDialog .button {
    border: thin solid #ffffff;
    margin: 5px;
}

.overage-warning {
    margin-bottom: 0 !important;
}

.pausedOverlay {
    opacity: 1;
    top: 48px;
    background: none;
}

.labFrame {
    border: none;
    width: 100% !important;
    height: 100%;
    min-width: 100% !important;
    min-height: 100%;
    display: block
}

.gc-scroll-arrow {
    background-color: #dae6f4 !important;
    border-style: solid;
    border-color: #a3b9d1;
    background-image: none;
    border-radius: 0;
}

.btn:focus {
    box-shadow: none !important;
    border: none !important;
}

#exhibitContent {
    visibility: unset !important;
}

.toolbar>* {
    cursor: pointer;
}

#DateTimeFormat {
    position: relative;
    margin-left: 5px;
    cursor: pointer;
}

#dropdownGroup {
    margin-left: 10px;
    display: flex;
    align-items: center;
    width: 125px;
    justify-content: space-between;
}

#dropdownGroup img {
    width: 17px;
}

.DateTimeFormat-List {
    display: none;
    line-height: normal;
    list-style: none;
    background-color: #fff;
    padding: 10px;
    margin: 0;
    position: absolute;
    z-index: 99999;
    font-size: .9rem;
    width: 137px;
    text-align: center;
}

.DateTimeFormat-List-Item {
    /* margin-bottom: 8px; */
    padding: 5px 0;
}

.DateTimeFormat-List-Item:hover {
    border: 1px solid blue;
}

.DateTimeFormat-List-Item:hover a {
    text-decoration: none;
}

#zoom {
    /* border-left: 1px solid #d9d9d9; */
    font: 13.3333px Arial;
    background-color: #f6e7e7;
}

i.material-icons {
    font-size: 1.8rem;
}

.jexcel_toolbar.jtoolbar .jtoolbar-item.jtoolbar-dropdown:last-of-type {
    margin-right: 0!important;
}

.jcolor-content {
    width: 220px;
    height: 220px;
}

/* Numbers format */

.dropdown, .dropdown2, .dropdown3, .dropdown4 {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.numberFormat, .currencyFormat, .fractionFormat {
    cursor: pointer;
}

.dropdown-content, .dropdown-content2, .dropdown-content3, .dropdown-content4 {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown .option-content:hover, .dropdown2 .option-content:hover, .dropdown3 .option-content:hover, .dropdown4 .option-content:hover {
    background-color: #f0f5f8;
    cursor: pointer;
}

.open-dropdown {
    display: block;
    z-index: 5;
    position: absolute;
    padding: 10px !important;
}

/* Word Overwrite */

div#mceu_25-body {
    /* width: 550px; */
}

.ui-dialog-title {
    font-size: 13.33px;
    color: #000;
    margin-left: 10px!important;
}

.mce-tinymce.mce-container.mce-panel {
    height: calc(100% - 20px);
    background: #fff;
}

[aria-describedby=navigator] .dialog-footer {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    font-size: 13.33px;
    color: #000;
}

#scratch-pad-textarea_ifr, .ui-dialog-scratch-pad .mce-container-body.mce-stack-layout {
    height: 100% !important;
}

.ui-dialog-scratch-pad .mce-edit-area {
    height: calc(100% - 40px);
}

.ui-dialog-navig .ui-dialog-title {
    background-image: url(../images/navigator2.png)!important;
    background-position: left center!important;
    background-repeat: no-repeat!important;
    padding: .4em 1.7em !important;
    margin: 0 !important;
}

.ui-dialog-navig .ui-dialog-titlebar {
    padding-left: 0 !important;
}

.dialog-wrapper {
    display: flex;
    margin-top: 13px;
    align-items: flex-start;
    font-size: 1.3rem;
    color: #000;
    font-weight: bold;
}

.dialog-wrapper .content {
    margin-left: 15px;
}

.dialog-wrapper .content p {
    margin-bottom: 15px;
}

.button-action {
    text-align: center;
}

.end-exam-button, .end-exam-button:focus {
    border: 1px solid #000;
    text-align: center;
    padding: 0;
    width: 48px;
    height: 25px;
    display: inline-block;
    color: #000;
    font-weight: bold;
    font-size: 13.33px!important;
}

.end-exam-button:hover {
    color: #C80000;
}

.end-exam-button::first-letter {
    border-bottom: 1px solid #000;
}

.reset-spread-button {
    font-size: 14px!important;
}

.reset-spread-button::first-letter {
    border-bottom: 1px solid #000;
}

#help_dialog {
    overflow: hidden;
}

#help_dialog #tabs, #help_dialog .ui-tabs-panel, #help_dialog .ui-tabs-panel .container-fluid {
    height: 100%;
}

/* Customize Word Headings */

.mce-container-body.mce-stack-layout>div span {
    /* font-family: "Calibri"!important; */
    color: rgb(89, 89, 89)!important
}

.editor-body-styling {
    color: #595959;
    font-family: Calibri;
    font-weight: normal;
}

/* .mce-container-body.mce-stack-layout div.mce-menu-item:nth-child(2) span{
    font-size: 29.33px!important;
}
.mce-container-body.mce-stack-layout div.mce-menu-item:nth-child(3) span{
    font-size: 22px!important;
}
.mce-container-body.mce-stack-layout div.mce-menu-item:nth-child(4) span{
    font-size: 17.66px!important;
}
.mce-container-body.mce-stack-layout div.mce-menu-item:nth-child(5) span{
    font-size: 14.16px!important;
}
.mce-container-body.mce-stack-layout div.mce-menu-item:nth-child(6) span{
    font-size: 12.17px!important;
}
.mce-container-body.mce-stack-layout div.mce-menu-item:nth-child(7) span{
    font-size: 9.8px!important;
} */

.mce-tooltip {
    display: none;
}

.textTruncate {
    /*max-width: 90%;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Spread UI Issues */

#Spreadsheet {
    padding: 18px 18px 0 18px;
    overflow: hidden
}

.jexcel_container {
    width: 100%;
    padding-right: 0
}

.jexcel_content {
    overflow: auto;
    height: 475px
}

.jexcel_toolbar {
    margin-right: 0!important;
    border: 0!important;
    background-color: #f1f1f1!important;
    padding: 0
}

.jexcel_container {
    padding: 0
}

.jexcel_formulabar {
    width: calc(100% - 10px)
}

.jtoolbar .jpicker-header {
    height: 19px!important;
    width: 37px;
    font-size: 12px!important;
    border: 1px solid #000!important;
    border-radius: 2px;
    background-size: 50%;
    padding-right: 0!important;
    line-height: 19px!important;
}

.jexcel>thead>tr>td, .jexcel>tbody>tr>td:first-child {
    font-size: 13.33px;
    color: #000
}

.jexcel_content::-webkit-scrollbar {
    width: 15px!important;
    height: 15px!important;
}

.jexcel_content::-webkit-scrollbar-track {
    background: #ececec!important;
}

.jexcel_content::-webkit-scrollbar-thumb {
    /* background: #d7e3f3!important; */
    background: #dae6f4 url(data:image/png;base64,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) 50% 50% repeat-x!important;
}

.jexcel_content::-webkit-scrollbar-thumb:hover {
    /* background: #ffe165!important; */
    cursor: pointer!important;
    background: #ffe475 url(data:image/png;base64,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) bottom!important
}

.jexcel_content::-webkit-scrollbar-thumb:focus {
    border: 1px solid #333!important;
}

/* Find and replace dialog */

#find_and_replace, #row_height, #column_width {
    background-color: #f1f1f1;
}

#find_and_replace .find-replace, .row-height, #column_width .row-width {
    display: flex;
    justify-content: space-between;
}

#find_and_replace .inputs {
    min-width: 70%
}

#find_and_replace .input-group, #row_height .input-group, #column_width .input-group {
    display: flex;
    flex-direction: column;
}

#find_and_replace #replace_with_container, #find_and_replace #replace-all {
    display: none;
}

#find_and_replace .input-group label, #row_height .input-group label, #column_width .input-group label {
    font-size: 13px;
    margin-bottom: 10px;
}

#find_and_replace .input-group .input {
    height: 21px;
}

#find_and_replace .buttons, #row_height .buttons, #column_width .buttons {
    display: flex;
    flex-direction: column;
}

#find_and_replace .f-btn, #row_height .f-btn, #column_width .f-btn {
    padding: 0;
    height: 25px;
    width: 100px;
    color: #000;
    font-size: 13.33px;
    border: 1px solid #acacac;
    font-weight: 700;
    margin-bottom: 5px;
}

.selectedCellClass {
    border: 2px solid #000!important;
}

.z-index-high-layer {
    z-index: 9999999!important;
}

#row_height .inputs, #column_width .inputs {
    width: 56%;
}

#row_height .inputs fieldset, #column_width .inputs fieldset {
    border: 1px solid #8e9696;
    padding-block-end: 6.25px;
    padding-block-start: 3.5px;
    padding-inline-end: 7.5px;
    padding-inline-start: 7.5px;
}

#row_height .inputs fieldset legend, #column_width fieldset legend {
    font-size: 13px;
    color: #000;
    margin: 0;
    padding: 0 3px;
    width: auto;
}

#row_height_input, #column_width_input {
    width: 100%;
    height: 21px;
    font-size: 13.33px;
    padding-left: 5px;
}

.jcolor-controls {
    display: none!important;
}

#noFillButton {
    border-color: rgb(220, 221, 221);
    background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
    border-radius: 3px;
    color: #333;
    font-size: 14px;
    line-height: 1;
    padding: 5px 4px;
    text-align: center;
    text-shadow: 0 1px 0 #eee;
    vertical-align: middle;
    position: relative;
    top: -30px;
    left: -76px;
}

.jcolor-content table.padding-bottom-30 {
    padding-bottom: 30px!important;
}

.dropdown-items-container {
    text-align: center!important;
    font-size: 12px!important;
}

.dropdown-items-container div {
    padding: 5px 0;
}

.dropdown-items-container div:hover {
    border: 1px solid blue;
}

.jexcel.jexcel_overflow {
    font-size: 11px!important;
    color: #000!important;
}

#closeNotAllowDialog {
    padding: 0;
    border: 1px solid #fff;
    width: 36px;
    height: 24px;
    color: #000;
    font-weight: 700;
    font-size: 13.33px;
}

.jcolor-selected {
    background-image: none!important;
    border-color: #fff!important;
}

#borderManagement {
    background-color: #fff;
    display: none;
}

#borderManagement fieldset {
    border: 1px solid #8e9696;
    padding-block-end: 6.25px;
    padding-block-start: 3.5px;
    padding-inline-end: 7.5px;
    padding-inline-start: 7.5px;
    margin-right: 10px;
    background-color: #f1f1f1;
}

#borderManagement legend {
    font-size: 13px;
    color: #000;
    margin: 0;
    padding: 0 3px;
    width: auto;
}

.border-management-container {
    display: flex;
}

.border-management-container .border-style {
    width: 88px;
}

.border-management-container .border-color {
    width: 210px;
}

.border-management-container .border-border {
    width: 154px;
}

.border-container .box {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.border-container .border-position {
    width: 60px;
    height: 20px;
    border: 1px solid #000;
    margin-right: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.border-style-container .box-style {
    width: 60px;
    height: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    background-color: #fff;
}

.box-style.active {
    outline: 1px dotted #000!important;
}

.color-container {
    padding: 10px;
    margin: 0 5px;
    border: 1px solid #f0c49b;
}

#borderManagement .buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #f1f1f1;
    width: 100%;
    padding: 10px;
}

#borderManagement button {
    width: 75px;
    height: 25px;
    border: 1px solid #000;
    color: #000;
    font-size: 13.33px;
    padding: 0;
    font-weight: 700;
    margin-bottom: 5px;
}

span.porder-position-label {
    font-size: 13px;
    color: #000;
}

span.border-position-active {
    width: 90%;
    background: #000;
    display: block;
}

.dropdown-menu a {
    color: #000!important;
    font-size: 12px;
}

.dropdown-shortcuts {
    font-size: 10px;
    color: #ccc;
    position: relative;
}

.dropdown-item {
    display: flex!important;
    justify-content: space-between!important;
}